<meta charset="utf-8">
<div data-ng-controller="AddUserController" style="overflow-y: scroll; height: 480px">
		
		<div class="panel panel-default clearfix"  style="text-align: left;">
			<div class="panel-heading" align="left" style="background: #ffffff">
				<h3 class="panel-title">新建</h3>
			</div>
			<div class="panel-body">
				<form name="userCreateForm" data-ng-submit="save()" class="form-horizontal">
				
					<div class="form-group font-black1" style="margin-left: 18%;">
         				<label>用户头像<small>大图片建议尺寸（500像素*500像素）</small></label>
        				<div data-fc-image-crop data-url="{{ groupPic }}" data-must-select="true"></div>
					</div>
            		
            		<div class="form-group clearffont-black1ix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">用户姓名:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="text"  class="form-control" placeholder="用户姓名" name="username" data-ng-model="userVo.userName" required/>
               			     <span style="color:red" ng-show="userCreateForm.username.$dirty && userCreateForm.username.$invalid">
  								<span ng-show="userCreateForm.username.$error.required">用户名称不能为空。</span>
  							 </span>
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">用户昵称:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="text" class="form-control" name="nickName" placeholder="用户昵称" data-ng-model="userVo.nickName" required/>
               			     <span style="color:red" ng-show="userCreateForm.nickName.$dirty && userCreateForm.nickName.$invalid">
  								<span ng-show="userCreateForm.nickName.$error.required">用户昵称不能为空。</span>
  							 </span>
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">用户密码:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="password" class="form-control" name="password"  placeholder="用户密码" data-ng-model="userVo.password" required />
               			     <span style="color:red" ng-show="userCreateForm.password.$dirty && userCreateForm.password.$invalid">
  								<span ng-show="userCreateForm.password.$error.required">密码是必须的。</span>
  							 </span>
                		</div>
            		</div>
            		
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">手机号码:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="text" class="form-control" placeholder="手机号码" name="mobile" required data-ng-model="userVo.mobile" maxlength="11" ng-pattern="/1[3|5|7|8|][0-9]{9}/" />
               			     <span style="color:red" ng-show="userCreateForm.mobile.$dirty && userCreateForm.mobile.$invalid">
  							     <span ng-show="userCreateForm.mobile.$error.required">手机号是必须的。</span>
  							     <span ng-show="userCreateForm.mobile.$error.pattern">非法的手机号。</span>
  							 </span>
                		</div>
            		</div>
            		
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">岗位类型:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <!-- <select data-ng-model="userVo.groupId"  ng-change="checkGroup()" class="form-control" required data-style="btn-primary">
								<option ng-repeat="x in groupList" value="{{x.id}}" ng-selected="1">{{x.name}}</option>
							</select> -->
							
							<select ng-model="groupId" name="groupId"   ng-change="checkGroup()"  class="form-control"  data-style="btn-primary"
    							ng-options="x.id as x.name for x in groupList"  ng-selected="1" required>
							</select>
							
							<span style="color:red" ng-show="userCreateForm.groupId.$dirty">
  								<span ng-show="userCreateForm.groupId.$error.required">岗位类型必选。</span>
  							 </span>
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">岗位:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <select data-ng-model="positionId" required  class="form-control"  data-style="btn-primary" ng-change="checkposition()">
								<option ng-repeat="x in positionList" value="{{x.id}}" ng-selected="1">{{x.name}}</option>
							</select>
							<span style="color:red" ng-show="userCreateForm.positionId.$dirty">
  								<span ng-show="userCreateForm.positionId.$error.required">职位必选。</span>
  							 </span>
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">邮箱:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="email" name="email"  class="form-control" placeholder="邮箱" data-ng-model="userVo.email" />
               			     <span style="color:red" ng-show="userCreateForm.email.$dirty && userCreateForm.email.$invalid">
  							     <span ng-show="userCreateForm.email.$error.email">非法的邮箱。</span>
  							 </span>
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">地址:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <input type="text" class="form-control" placeholder="地址" data-ng-model="userVo.address" />
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		<label class="col-sm-3 control-label">用户性别:</label>
               			 <div class="col-sm-8" style="width: 40%;">
               			     <!-- <select data-ng-model="userVo.sex" class="form-control" required data-style="btn-primary">
               			     	<option value="">-请选择-</option>
								<option ng-repeat="x in sexList" value="{{x.id}}" >{{x.name}}</option>
							</select> -->
							
							<select ng-model="sex" name="sex"  class="form-control" required  data-style="btn-primary"
    							ng-options="x.id as x.name for x in sexList" >
							</select>
							
                		</div>
            		</div>
            		
            		<div class="form-group clearfix" style="margin-left: 0px;">
                		 <label class="col-sm-3 control-label" > 用户类型:</label>
               			 <div class="col-sm-8" style="width: 40%;">
							<!-- <select data-ng-model="userVo.userType" class="form-control" data-style="btn-primary">
								<option value="0">普通用户</option>
								<option value="2">后台用户</option>
								<option value="">-请选择-</option>
								<option ng-repeat="x in userTypeList" value="{{x.id}}" >{{x.name}}</option>
							</select> -->
							
							<select ng-model="userType" name="userType"  class="form-control" required  data-style="btn-primary"
    							ng-options="x.id as x.name for x in userTypeList" >
							</select>
                		</div>
            		</div>
				</form>
			</div>

			<div class="panel-footer" style="background: #ffffff">
			
				<div class="confirm_btn" data-ng-click="close()">
					<div style="font-size: 12px; color: #00000; text-align: center; position: relative; left: 3px; top: 25%;cursor: pointer;">取消</div>
				</div>
				
				<div class="confirm_btn_x" id="confirm" data-ng-click="saveUser()">
					<div style="font-size: 12px;  color: #00000; text-align: center; position: relative; left: 2px; top: 25%;">确定</div>
				</div>
			</div>

	</div>
</div>
